// 注册页面的逻辑
const nameInp = document.querySelector('.ttel')
const pwdInp = document.querySelector('.ppsw')
const rpwdInp = document.querySelector('.ssure_psw')
const errBox = document.querySelector('.prompt')
const but = document.querySelector('.reg')

// 1. 表单提交事件
// const form = document.querySelector('form')

but.addEventListener('click', e => {
    e = e || window.event

    // 1-1. 阻止默认事件
    e.preventDefault()

    // 1-2. 拿到用户输入的内容
    const name = nameInp.value
    const pwd = pwdInp.value
    const rpwd = rpwdInp.value
    // const nick = nickInp.value

    console.log(name);
    console.log(pwd);
    console.log(rpwd);
    // 1-3. 非空验证
    if (!name || !pwd || !rpwd) return alert('请完整填写表单')

    // 1-4. 验证一下 pwd 和 rpwd 是否一致
    if (pwd !== rpwd) {
        errBox.innerText = '两次输入的密码不一致, 请从新输入 ^_^ '
        errBox.style.visibility = 'visible'
        return
    }

    // 1-5. 注册的逻辑
    const data = `username=${name}&password=${pwd}&rpassword=${rpwd}&nickname=${name}`
    ajax({
        url: 'http://localhost:8888/users/register',
        data,
        method: 'POST',
        dataType: 'json',
        success(res) {

            // 1-6. 判断结果
            if (res.code === 0) {
                errBox.innerText = '用户名已经存在, 请重新输入后再试 !!'
                errBox.style.visibility = 'visible'
                return
            }

            if (res.code === 1) {
                alert('注册成功, 点击确定跳转回到登录页')
                window.location.href = './login.html'
            }
        }
    })
})

nameInp.addEventListener('input',() => {
    but.style.backgroundColor = 'tomato'
    if(!nameInp.value){
        but.style.backgroundColor = '#dadada'
    }
})